<template>
	<view>
		<view>用户信息:{{userInfo}}</view>
		<view>
			<view>修改用户信息：</view>
			<textarea class="text-area-box" v-model="info"></textarea>
			<button @click="setInfo(info)">修改用户信息</button>
		</view>
	</view>
</template>

<script>
	import {
		mapGetters,
		mapActions,
		mapState,
		mapMutations
	} from 'vuex'
	export default {
		data() {
			return {
				info: ''
			}
		},
		computed: {
			...mapGetters(["userInfo"])
		},
		methods: {
			...mapActions('user', ['setInfo'])
		}
	}
</script>

<style lang="scss">
	.text-area-box {
		width: 94%;
		margin-left: 3%;
		border: 1rpx solid #999999;
		border-radius: 15rpx;
	}
</style>